<!DOCTYPE html>

<%@ page import="com.google.appengine.api.blobstore.BlobstoreServiceFactory"%>
<%@ page import="com.google.appengine.api.blobstore.BlobstoreService"%>
<%
	BlobstoreService blobstoreService = BlobstoreServiceFactory
			.getBlobstoreService();
%>

<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<script src="js/jquery-2.1.0.min.js"></script>
<script src="js/jquery.widget.min.js"></script>
<script src="js/metro.min.js"></script>
<script src="js/main.js"></script>
<script src="js/fb-api.js"></script>
<!-- <link rel="stylesheet" href="css/main.css" /> -->
<link rel="stylesheet" href="css/metro-bootstrap.css" />
<link rel="stylesheet" href="css/metro-bootstrap-responsive.css" />
<title>PD version 0.05</title>

</head>
<body class="metro">
	<div style="margin: 5px">
		<div class="container">
			<div class="grid show-grid">
				<div class="row">
					<div class="span12">PD version 0.05</div>
				</div>
				<div class="row">
					<div class="span3">
						Player
						<div class="input-control textarea">
							<textarea id="player_hand" placeholder="Player" disabled></textarea>
						</div>
					</div>
					<div class="span3">
						Banker
						<div class="input-control textarea">
							<textarea id="banker_hand" placeholder="Banker" disabled></textarea>
						</div>
					</div>
					<div class="span4 offset2"></div>
				</div>
				<div class="row">
					<div class="button-set">
						<button id="draw" disabled="disabled">Draw</button>
						<button id="hold" disabled="disabled">Hold</button>
						<button id="start">Start</button>
						<button id="restart">Restart</button>
					</div>
				</div>
				<div class="row">
					<div class="span6 input-control text">
						<input id="result" type="text" value="" placeholder="Result: " disabled />
					</div>

				</div>
				<div class="row">
					<div class="span6 input-control text">
						<input id="balance" type="text" value="" placeholder="Balance: " disabled />
					</div>
				</div>
				<div class="row">
					<div class="span6 input-control text">
						<fb:login-button scope="public_profile,email" onlogin="checkLoginState();">
						</fb:login-button>
						<fb:logout-button>
						</fb:logout-button>
						<div id="status"></div>
					</div>
				</div>
			</div>

		</div>
	</div>

</body>
</html>
